<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有道 - 学习硬件官网</title>
    <link rel="icon" href="">
    <link rel="stylesheet" href="./css/yd.css">
</head>

<body>
    <div class="topBar">
        <div class="topcon">
                    <div  class="logo_area" ><a href="./../词典/cidian.html">
                        <img  class="logo" src="./img/loge.png" alt=""></a>
                        <span class="split">|</span>
                        <div class="des">有道学习硬件</div>
                    </div>
                <div class="topleft">
                    <ul class="navul">
                        <li><a href="#">词典笔</a></li>
                        <li><a href="#">AI学习机</a></li>
                        <li><a href="#">智能护眼灯</a></li>
                        <li><a href="#">听力宝</a></li>
                        <li><a href="#">更多产品</a></li>
                        <li><a href="#">购买渠道</a></li>
                        <li><a href="#">强校计划</a></li>
                        <li><a href="#">销售开放平台</a></li>
                    </ul>
                </div>
                <div class="language">
                    <div class="text-lan" >中文</div>
                </div>
        </div>
    <!-- 图 -->
    <div class="carousebox">
        <img class="img" src="./img/tu.png" alt="">
        <div class="jiantuoz">&lt;</div>
        <div class="jiantuoy">&gt;</div>


        <div class="santupj">
            <ul>
                <li>
                    <a href="#"><img src="./img/t1.1.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/t1.2.png" alt=""></a>
                </li>
              </ul>
             </div>

             <div class="santupk">
               <ul >    
                <li>
                    <a href="#"><img src="./img/t1.3.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/t1.4.png" alt=""></a>
                </li>
            </ul>
        </div>
</body>
</html>